<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <link rel="stylesheet" href="bootstrap.css"/>
    <link rel="stylesheet" href="bootstrap-theme.css"/>
    <link rel="stylesheet" href="rotateImg.css"/>
    <script src="rotateImg.js"></script>
    <script src="rotateplugin.js"></script>
    <script src="jquery-3.1.1.min.js"></script>
    <title>rotateImg</title>
</head>
<body>
<div id="indexrotateimg">
    <div id="contentrotateimg">
        <img src="video/Flint04.jpg" alt="Flint" id="bookimg"/>
    </div>
    <ul>
        <li>向右旋转90</li>
        <li>向左旋转90</li>
        <li>自定义旋转</li>
        <li id="liangle">
            <input type="text" id="txtangle" class="txt"/>
        </li>
    </ul>
</div>
</body>
</html>